var ul=document.querySelector('.like-list');
var pag1=document.querySelector('.pagination');

//获取账号名称节点
var per = document.querySelector('.list1').children[1].lastElementChild;
//获取cookie
var n1=getCookie('name');
//账号显示
if(n1){
  per.innerHTML = n1;
}else{
  per.innerHTML = '亲，请登录';
}

//账号切换
var zhanghao = document.querySelector('.list1').children[1]
    zhanghao.onclick=function(){
        if(n1){
          var c=confirm("您已登录，是否切换账号")
          if(c){
            delCookie('name',t1=-1);
            location="../02login/login.html"
          }
        }else{
          location="../02login/login.html"
        }
    }
//跳转购物车
var car = document.querySelector('.list2').children[1]
    car.onclick=function(){
      if(n1){
        location="../06shopcar/shopcar.html"
      }else{
        alert("您还未登陆，请登录")
        location="../02login/login.html"
      }
    }
    
//通过ajax获取的数据库条数
var num=0;

(async function(){
    var txt=await PromiseAjax({
        url:"./list.php"
    })
    //把字符串转为数组，并获取该数组的长度
    num= eval('('+txt+')').length

     //配置分页器的参数对象
     var o1={
        pageInfo:{
            pagenum:1,
            pagesize:25,
            totalsize:num,
            totalpage:Math.ceil(num/25)
        }
    }
    //创建实例化对象
    new Pagination(pag1,o1,(m)=>{
        //通过页码，获取当前页所对应的数据
        ajax2({
            url:"./list2.php",
            data:'num='+m,
            success(dt){
                //把字符串转为数组
                var ar1=eval('('+dt+')')
                //创建字符串，拼接所有内容
                var str=''
                //遍历数组元素
                ar1.forEach((item)=>{
                    str+=`
                    <li>
                        <img src="${item.goods_small_logo}" alt="">
                        <h4>${item.goods_name}</h4>
                        <span class="price">
                            <em>￥</em>
                            ${item.goods_price}
                        </span>
                        <a class="detailBtn" href="../04xiangqing/xiangqing.html?id=${item.goods_id}">查看详情</a>

                    </li>

                    `
                })
                //把拼接好的内容，进行渲染
                ul.innerHTML=str
            }
        })

    })    
})()

